﻿<!DOCTYPE html>
<html dir="ltr" lang="en-gb">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="imagetoolbar" content="no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>账户管理</title>
		<link type="text/css" rel="Stylesheet" href="StyleAll/styleLogIn.css" />
		<link type="text/css" rel="Stylesheet" href="StyleAll/styleAll.css" />
		<script type="text/javascript">
			function exit_confirm()
			{
				var r=confirm("您确认要退出病友互助社区吗");
				if (r==true)
				{
					window.close();
					window.open("login.htm");
				}
			}
			function validate_height(field,alerttxt)
			{
				with (field)
				{
					var regx=/^\d{2,3}$/;
					if (value != null&&value != "")
					{
						if (!regx.test(value))
						  {alert(alerttxt);return false}
						else {return true}
					}
				}
			}
			function validate_weight(field,alerttxt)
			{
				with (field)
				{
					var regx=/^\d{2,3}$/;
					if (value != null&&value != "")
					{
						if (!regx.test(value))
						  {alert(alerttxt);return false}
						else {return true}
					}
				}
			}
			function validate_email(field,alerttxt)
			{
				with (field)
				{
					if (value != null&&value != "")
					{
						apos=value.indexOf("@")
						dotpos=value.lastIndexOf(".")
						if (apos<1||dotpos-apos<2) 
							{alert(alerttxt);return false}
						else {return true}
					}
				}
			}
			function validate_passward(field,alerttxt)
			{
				with (field)
				{
					plength=value.length
					if (plength<8||plength>30) 
					  {alert(alerttxt);return false}
					else {return true}
				}
			}
			function validate_form(thisform) 
			{
				with (thisform) {
					if (validate_height(height, "非法的身高!") == false)
					{ height.focus(); return false }
					else if (validate_weight(weight, "非法的体重!") == false)
					{ weight.focus(); return false }
					else if (validate_email(email,"非法的E-mail地址!")==false)
					{ email.focus();return false}
				}
			}
		</script>
		<style type="text/css">
			.STYLE1 {font-size: 36px}
		</style>
	</head>

	<body class="browser-webkit can-transform has-shadows transform">
		<div class="header">
			<a href="groups.htm" >
				<img src="image/Logo Small.png" width=50px height=50px alt="Logo Small">
			</a>
			<span class="STYLE1">病友互助社区</span>
		</div>
		<p>&nbsp;</p>
		<div class="page">
			<div id="page-header">
				<div id="search-box">
					<a><span>用户名<img src="image/2.jpg"></span></a>
					<input type="button" onclick="exit_confirm()" value="退出" />
				</div>
				<div id="nav-header">
					<a href="groups.htm"><input type="submit" name="submit" value="我的群" class="button2"></a>
					<a> <input type="text" name="email" /></a>
					<a> <select name="search_type">
					<option value="post">搜索帖子</option>
					<option value="title">搜索主题</option>
					<option value="group">搜索群</option>
					</select></a>
					<a href="search.htm"><input type="submit" name="submit" value="GO" class="button2"></a>
				</div>
			</div>
			<div id="page-body">
				<table width="100%" border="1">
					<tr>
						<td width="30%">
							<div id="page-body">
								<h2>查看个人资料 -  Derky</h2>
								<form method="post" action="http://demo.phpbb3styles.net/memberlist.php?style=704&mode=group" id="viewprofile">
									<div class="panel bg1">
										<div class="inner">
											<dl class="left-box details" style="width: 80%;">
												<dt>用户名：</dt>
												<dd><span style="color: #AA0000; font-weight: bold;"><font class="">derky</span></dd>
												<dt>地点：</dt>
												<dd>荷兰</dd>
												<dt>性别：</dt>
												<dd>男</dd>
												<dt>身高：</dt>
												<dd>170厘米</dd>
												<dt>体重：</dt>
												<dd>60千克</dd>
												<dt>年龄：</dt>
												<dd>23</dd>
												<dt>e-mail：</dt>
												<dd>derky@hotmail.com</dd>
												<dt>用户类型：</dt>
												<dd>管理员</dd>
											</dl>
											<span class="corners-bottom"></span>
										</div>
									</div>
								</form>
							</div>
						</td>
						<td width="40%">
								<div id="page-body">
									<h2>账户修改</h2>
									<form id="myForm1" onSubmit="return validate_form(this)" method="post">
										<div class="panel bg1">
											<div class="inner">
												<dl class="left-box details" style="width: 80%;">
													<dt>地点：</dt>
													<dd><input type="text" name="address" /></dd>
													<dt>性别：</dt>
													<dd><select name="sex_select">
																	<option value="male">男</option>
																	<option value="female">女</option>
																	</select></dd>
													<dt>身高：</dt>
													<dd><input type="text" name="height" />厘米</dd>
													<dt>体重：</dt>
													<dd>  <input type="text" name="weight" />千克</dd>
													<dt>出生年月：</dt>
													<dd><select name="year_select">
																	<option value="2010">2010</option>
																	<option value="2009">2009</option>
																	<option value="2008">2008</option>
																	<option value="2007">2007</option>
																	<option value="2006">2006</option>
																	<option value="2005">2005</option>
																	<option value="2004">2004</option>
																	<option value="2003">2003</option>
																	<option value="2002">2002</option>
																	<option value="2001">2001</option>
																	<option value="2000">2000</option>
																	<option value="1999">1999</option>
																	<option value="1998">1998</option>
																	<option value="1997">1997</option>
																	<option value="1996">1996</option>
																	<option value="1995">1995</option>
																	<option value="1994">1994</option>
																	<option value="1993">1993</option>
																	<option value="1992">1992</option>
																	<option value="1991">1991</option>
																	<option value="1990">1990</option>
																	<option value="1989">1989</option>
																	<option value="1988">1988</option>
																	<option value="1987">1987</option>
																	<option value="1986">1986</option>
																	<option value="1985">1985</option>
																	<option value="1984">1984</option>
																	<option value="1983">1983</option>
																	<option value="1982">1982</option>
																	<option value="1981">1981</option>
																	<option value="1980">1980</option>
																	<option value="1979">1979</option>
																	<option value="1978">1978</option>
																	<option value="1977">1977</option>
																	<option value="1976">1976</option>
																	<option value="1975">1975</option>
																	<option value="1974">1974</option>
																	<option value="1973">1973</option>
																	<option value="1972">1972</option>
																	<option value="1971">1971</option>
																	<option value="1970">1970</option>
																	<option value="1969">1969</option>
																	<option value="1968">1968</option>
																	<option value="1967">1967</option>
																	<option value="1966">1966</option>
																	<option value="1965">1965</option>
																	<option value="1964">1964</option>
																	<option value="1963">1963</option>
																	<option value="1962">1962</option>
																	<option value="1961">1961</option>
																	<option value="1960">1960</option>
																	<option value="1959">1959</option>
																	<option value="1958">1958</option>
																	<option value="1957">1957</option>
																	<option value="1956">1956</option>
																	<option value="1955">1955</option>
																	<option value="1954">1954</option>
																	<option value="1953">1953</option>
																	<option value="1952">1952</option>
																	<option value="1951">1951</option>
																	<option value="1950">1950</option>
																	</select>
																	年
																	<select name="month_select">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4">4</option>
																	<option value="5">5</option>
																	<option value="6">6</option>
																	<option value="7">7</option>
																	<option value="8">8</option>
																	<option value="9">9</option>
																	<option value="10">10</option>
																	<option value="11">11</option>
																	<option value="12">12</option>
																	</select>月</dd>
													<dt>e-mail：</dt> <dd>  <input type="text" name="email" /></dd>
												</dl>
												<span class="corners-bottom"></span>
											</div>
										</div>
										<input type="submit" name="submit" value="确认" class="button2">
									</form>
								</div>
							</td>
						<td>
							<div id="page-body">
								<h2>修改密码</h2>
								<form id="myForm2" onSubmit="return validate_form(this)" method="post">
									<div class="panel bg1">
										<div class="inner">
											<dl class="left-box details" style="width: 80%;">
												<dt>请输入原密码：</dt>
												<dd><input type="password" name="password_old" /></dd>
												<dt>请输入新密码：</dt>
												<dd><input type="password" name="password_new" /></dd>
												<dt>请再输入一次：</dt>
												<dd><input type="password" name="password_confirm" /></dd>
											</dl>
											<span class="corners-bottom"></span>
										</div>
									</div>
									<input type="submit" name="submit" value="确认" class="button2">
								</form>
							</div>
						</td>
					</tr>
				</table>
			</div>
			</div>
		</div>
		<div class="footer">
			<div class="copyright">
				<p class="copy-left">上海交通大学 软件学院</p>
				<p class="copy-right">设计风格
				<a href=" http://www.artodia.com/">Artodia</a>
				。</p>
			</div>
		</div>
	</body>
</html>